// pages/SongListDetails/index.js
import { request } from "../../request/index";
Page({
  /**
   * 页面的初始数据
   */
  data: {
    playlist: [],
    hotComments: [],
    isActive:true
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    let { id } = options;
    // 获取歌单详情
    this.getPlaylist(id);
    // 获取用户评论
    this.getHotComments(id)
  },
  // 计算评论时间
  formatDate(now) {
    var year = now.getFullYear(); //取得4位数的年份
    var month = now.getMonth() + 1; //取得日期中的月份，其中0表示1月，11表示12月
    var date = now.getDate(); //返回日期月份中的天数（1到31)
    return year + "年" + month + "月" + date + "日";
  },
  // 获取用户评论
  getHotComments(id){
    request({ url: "/comment/playlist", data: { id } }).then((result) => {
      let { hotComments } = result.data;
      // 将时间戳转换
      hotComments.forEach((e) => {
        var d = new Date(e.time);
        e.time = this.formatDate(d);
      });
      this.setData({
        hotComments,
      });
    });
  },
  // 获取歌单详情
  getPlaylist(id) {
    request({ url: "/playlist/detail", data: { id } }).then((result) => {
      console.log(result);
      
      this.setData({
        // 按需引入内容
        playlist: {
          updateFrequency: result.data.playlist.updateFrequency,
          backgroundCoverUrl: result.data.playlist.backgroundCoverUrl,
          description: result.data.playlist.description,
          name: result.data.playlist.name,
          tracks: result.data.playlist.tracks,
          coverImgUrl: result.data.playlist.coverImgUrl,
          tags:result.data.playlist.tags,
          creator:{
            avatarUrl:result.data.playlist.creator.avatarUrl,
            nickname:result.data.playlist.creator.nickname
          }
        },
      });
    });
  },
  // 简介展示事件
  handleActive(){
    this.setData({
      isActive:!this.data.isActive
    })
    if(this.data.isActive){
      wx.pageScrollTo({
        scrollTop: 0
      });
    }
    
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {},

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {},

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {},

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {},

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {},

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {},

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {},
});
